/*
 * Copyright 2017 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.flex-layout {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.mdl-snackbar {
  line-height: 1;
}

.flex-content {
  flex: 1 1 auto;
}

.mdl-mini-footer {
  padding-top: 3px;
  padding-bottom: 3px;
}

#header-buttons {
  flex-wrap: wrap;
  min-height: 56px;
  height: auto;
}

#header-buttons > button {
  flex: 1 1 auto;
  margin-bottom: 8px;
}

.fingerprint {
  width: 36px;
  height: 36px;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17.81%204.47c-.08%200-.16-.02-.23-.06C15.66%203.42%2014%203%2012.01%203c-1.98%200-3.86.47-5.57%201.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82%202.52%209.86%202%2012.01%202c2.13%200%203.99.47%206.03%201.52.25.13.34.43.21.67-.09.18-.26.28-.44.28zM3.5%209.72c-.1%200-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4%202.25-2.5%203.75-3.27C9.98%204.04%2014%204.03%2017.15%205.65c1.5.77%202.76%201.86%203.75%203.25.16.22.11.54-.12.7-.23.16-.54.11-.7-.12-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5%201.7-3.4%202.96-.08.14-.23.21-.39.21zm6.25%2012.07c-.13%200-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34%200-2.97%202.54-5.39%205.66-5.39s5.66%202.42%205.66%205.39c0%20.28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57%200-4.66%201.97-4.66%204.39%200%201.44.32%202.77.93%203.85.64%201.15%201.08%201.64%201.85%202.42.19.2.19.51%200%20.71-.11.1-.24.15-.37.15zm7.17-1.85c-1.19%200-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39%200-.28.22-.5.5-.5s.5.22.5.5c0%201.41.72%202.74%201.94%203.56.71.48%201.54.71%202.54.71.24%200%20.64-.03%201.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12zM14.91%2022c-.04%200-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22%200-1.62%201.38-2.94%203.08-2.94%201.7%200%203.08%201.32%203.08%202.94%200%201.07.93%201.94%202.08%201.94s2.08-.87%202.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84%200-5.44%201.58-6.61%204.03-.39.81-.59%201.76-.59%202.8%200%20.78.07%202.01.67%203.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96%200-1.2.23-2.29.68-3.24%201.33-2.79%204.28-4.6%207.51-4.6%204.55%200%208.25%203.51%208.25%207.83%200%201.62-1.38%202.94-3.08%202.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08%201.94c0%201.71.66%203.31%201.87%204.51.95.94%201.86%201.46%203.27%201.85.27.07.42.35.35.61-.05.23-.26.38-.47.38z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2Fsvg%3E%20');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.mdl-layout__drawer .mdl-checkbox__label {
  vertical-align: top;
}

.mdl-cell {
  padding: 30px;
  text-align: left;
}

.mdl-card__subtitle-text {
  padding-left: .2cm;
  font-weight: bold;
}

.mdl-card__supporting-text {
  font-style: italic;
  overflow-wrap: break-word;
  word-wrap: break-word;
  padding-bottom: 8px;
  padding-top: 8px;
}

.mdl-switch {
	 width: auto;
}

.mdl-checkbox{
  word-wrap:break-word;
  word-break: keep-all;
  height: auto;
}

.mdl-textfield__input{
  padding: 5px;

}

.login-card.mdl-card {
  width: 350px;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.outer-next {
  position: absolute;
  text-align: right;
  bottom: .5cm;
  right: .5cm;
}

.login-card.mdl-card__title {
	margin-bottom: 2cm;
}

.username-card {
  position: relative;
  display: block;
  margin : 0 auto;
}

.boxes {
	position: relative;
	height: 50px;
}

.top-box {
	position: absolute;
	top: 5px;
}

.bottom-box {
  position: absolute;
  top: 5px;
}

.instructions {
  height: 200px;
}

.auth-spinner {
  position: relative;
  display: block;
  margin : 0 auto;
}

.mdl-spinner {
  width: 84px;
  height: 84px;
}

.mdl-spinner__circle {
  border-width: 6px;
}

.signin-title {
	height: 75px;
}

.instruction-text {
  transition: opacity 0.8s;
}

.gone {
	opacity: 0;
}

.next-button.mdl-button {
	width: 100px;
}

.advanced-switch {
  background-color: white;
  padding-top: .2cm;
  padding-bottom: .2cm;
  padding-left: .2cm;
}

.advanced {
  background-color: white;
  padding-top: .2cm;
  padding-bottom: .2cm;
  padding-left: .2cm;
}

.attachment {
  font-size: medium;
}

.auth-button {
  margin-left: .25cm;
  margin-right: .25cm;
}

.make-button {
  margin-left: .25cm;
  margin-right: .25cm;
}

.isuvpaa-button {
  margin-left: .25cm;
  margin-right: .25cm;
}

.logout-button {
  margin-left: .25cm;
  margin-right: .25cm;
  color: white;
}

.hidden {
  display: none;
}

.activity-bar {
  padding-top: 0;
  padding-bottom: .2cm;
  margin: 0;
}

.page-width {
  width: 100%;
}

.active-text {
  margin: 0;
  background-color: white;
  text-align: center;
  font-size: medium;
}
